<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:a4j="http://richfaces.org/a4j" 
    xmlns:rich="http://richfaces.org/rich"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:composition>
		<h:head>
	    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>Cristina Bittencourt Atelier</title>
			<meta name="keywords" content="wedding store, free web templates, free css templates" />
			<meta name="description" content="Wedding Store is a free web template for everyone. Download this template from templatemo.com" />
			<link rel="stylesheet" href="css/templatemo_style.css" type="text/css" />
			<script language="javascript" type="text/javascript">
			function clearText(field)
			{
			    if (field.defaultValue == field.value) field.value = '';
			    else if (field.value == '') field.value = field.defaultValue;
			}
			//Redireciona para o carrinho de compras
			function carrinho() {
		            window.location.href='carrinho.jsf';
		  	} 
			</script>
	
		 </h:head>	
		<div id="templatemo_wrapper_outter">
		
			<div id="templatemo_wrapper_inner">
		    
			   	<div id="templatemo_header">
					<ui:include src="header.xhtml"></ui:include>    
			   	</div> <!-- end of templatemo_header -->
		    
			    <div id="templatemo_menu">
			    	<ui:include src="menutop.xhtml"></ui:include>
			    </div> <!-- end of templatemo_menu -->
			    
			    <div id="templatemo_content_wrapper">
			    
			    	<div id="templatemo_sidebar_wrapper">
			    
			            <div id="templatemo_sidebar_top"></div>
			            <div id="templatemo_sidebar">
			            	<ui:include src="menuesquerdo.xhtml"></ui:include>
			            </div>
			            <div id="templatemo_sidebar_bottom"></div>
			        
			        </div>
			    	
					<div id="templatemo_content">
				        <p:galleria var="image" panelWidth="525" panelHeight="275"
				        	transitionInterval="0"
				        	value="#{produtoController.getImagesByProduto(param['id'])}">
				        	<p:graphicImage value="ImagemProdutoSvlt?filename=#{image}" />  
				        </p:galleria>
				        <br />
				        <p:panel id="display" header="Informações do Produto"
				        	style="margin-top:10px;">
				        	<c:set var="produto" value="#{produtoController.getProdutoById(param['id'])}"/>
					        <h:panelGrid columns="2" style="font-size: 13px;" cellspacing="5">  
					            <h:outputText value="Nome: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.nome}"/>  
					              
					            <h:outputText value="Descrição: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.descricao}" />  
					            <h:outputText value="Data do Cadastro: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.dataCadastro}" >
					            	<f:convertDateTime type="date" dateStyle="short" pattern="dd/MM/yyyy"/>  
					            </h:outputText>
					            <h:outputText value="Sob Encomenda: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.sobEncomenda}" converter="br.com.projetosivan.converter.OneZeroConverter"/>
					            <h:outputText value="Prazo: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.prazo} dia(s)" />  
					            <h:outputText value="Preço: " style="font-weight: bold;"/>  
					            <h:outputText value="#{produto.preco}" converter="br.com.projetosivan.converter.MoedaConverter"/>
					        </h:panelGrid>  
					    </p:panel>  
			   			<br /> 
					   <h:form> 
					        <p:commandButton value="Adicionar ao Carrinho" oncomplete="carrinho()"
					        	actionListener="#{carrinhoController.novoProduto}">
					        	<f:param name="id" value="#{produto.id}"></f:param>
					        	<p:collector value="#{produto}"
					        		addTo="#{carrinhoController.carrinho.produtos}"></p:collector>	
					        </p:commandButton>
					    </h:form>	
			        </div>
			        <div class="cleaner"></div>
			        
			    </div> <!-- end of templatemo_content_wrapper -->
			    
			    <div id="templatemo_footer">
					<ui:include src="footer.xhtml"></ui:include>
			    </div>
		    
		    </div> <!-- end of templatemo_wrapper_inner -->
		
		</div> <!-- end of templatemo_wrapper_outter -->
		
    </ui:composition>
</html>